
<script>
    var BaoTaJiuXiaoView = {
        props:{
            dataList: {
                type: [Object, Array],
                default: () => {
                    return {};
                }
            },
            nextJob : {
                type: Object,
                default: () => {
                    return {};
                }
            },
        },
        template:`<div>
                    <template v-if="dataList.meansList && dataList.meansList.length">
                        <div class="duilianpt" v-for="(item,inx) in dataList.meansList" :key="inx">
                            <template v-if="item.means && item.means[1] && item.means[1].length">
                                <el-row type="flex" justify="space-between" v-if="isShowRow(item.means[1],item.is_true,24)">
                                    <el-col :span="24">
                                        <span>精选:</span>
                                        <span class="red-text" v-html="bosehtml(item.means[1],1)"></span>
                                    </el-col>
                                </el-row>
                            </template>
                            <template v-if="item.means && item.means[0] && item.means[0].length && [0,1].indexOf(item.is_true) != -1">
                                <el-row type="flex" justify="space-between" v-if="isShowRow(item.means[0],item.is_true,3)">
                                    <el-col :span="6">
                                        <span>{{initIssue(item.issue)}}期:③肖</span>
                                    </el-col>
                                    <el-col :span="12">
                                        <span class="red-text" :class="{'bg-yellow':vl.isTrue}" v-for="(vl,vk) in item.means[0]" :key="vk" v-if="vk < 3">{{vl.value}}</span>
                                    </el-col>
                                    <el-col :span="6">
                                        开:
                                        <strong>
                                            <strong class="color-red" v-if="item.is_true == 0">？00</strong>
                                            <strong class="color-red" v-else-if="item.drawp">{{item.drawp}}</strong>
                                            <strong v-if="item.is_true == 1">准</strong>
                                            <strong v-else-if="item.is_true == 2">错</strong>
                                        </strong>
                                    </el-col>
                                </el-row>
                                <el-row type="flex" justify="space-between" v-if="isShowRow(item.means[0],item.is_true,5)">
                                    <el-col :span="6">
                                        <span>{{initIssue(item.issue)}}期:⑤肖</span>
                                    </el-col>
                                    <el-col :span="12">
                                        <span class="red-text" :class="{'bg-yellow':vl.isTrue}" v-for="(vl,vk) in item.means[0]" :key="vk" v-if="vk < 5">{{vl.value}}</span>
                                    </el-col>
                                    <el-col :span="6">
                                        开:
                                        <strong>
                                            <strong class="color-red" v-if="item.is_true == 0">？00</strong>
                                            <strong class="color-red" v-else-if="item.drawp">{{item.drawp}}</strong>
                                            <strong v-if="item.is_true == 1">准</strong>
                                            <strong v-else-if="item.is_true == 2">错</strong>
                                        </strong>
                                    </el-col>
                                </el-row>
                                <el-row type="flex" justify="space-between" v-if="isShowRow(item.means[0],item.is_true,7)">
                                    <el-col :span="6">
                                        <span>{{initIssue(item.issue)}}期:⑦肖</span>
                                    </el-col>
                                    <el-col :span="12">
                                        <span class="red-text" :class="{'bg-yellow':vl.isTrue}" v-for="(vl,vk) in item.means[0]" :key="vk" v-if="vk < 7">{{vl.value}}</span>
                                    </el-col>
                                    <el-col :span="6">
                                        开:
                                        <strong>
                                            <strong class="color-red" v-if="item.is_true == 0">？00</strong>
                                            <strong class="color-red" v-else-if="item.drawp">{{item.drawp}}</strong>
                                            <strong v-if="item.is_true == 1">准</strong>
                                            <strong v-else-if="item.is_true == 2">错</strong>
                                        </strong>
                                    </el-col>
                                </el-row>
                                <el-row type="flex" justify="space-between" v-if="isShowRow(item.means[0],item.is_true,9)">
                                    <el-col :span="6">
                                        <span>{{initIssue(item.issue)}}期:⑨肖</span>
                                    </el-col>
                                    <el-col :span="12">
                                        <span class="red-text" :class="{'bg-yellow':vl.isTrue}" v-for="(vl,vk) in item.means[0]" :key="vk" v-if="vk < 9">{{vl.value}}</span>
                                    </el-col>
                                    <el-col :span="6">
                                        开:
                                        <strong>
                                            <strong class="color-red" v-if="item.is_true == 0">？00</strong>
                                            <strong class="color-red" v-else-if="item.drawp">{{item.drawp}}</strong>
                                            <strong v-if="item.is_true == 1">准</strong>
                                            <strong v-else-if="item.is_true == 2">错</strong>
                                        </strong>
                                    </el-col>
                                </el-row>
                                <div class="blue-text">{{dataList.remarks}}</div>
                            </template>
                        </div>
                    </template>
                </div>`,
        data() { return { nextList:{} } },
        extends:moldExtend,
        mounted() {
        },
        methods: {
            isShowRow(item,isTrue,nub){
                if(isTrue == 1) {
                    var flag = false;
                    for(var i=0; i<item.length; i++) {
                        if(i < nub) {
                            if(item[i].isTrue) {
                                flag = true;
                                break;
                            }
                        }
                    }
                    return flag;
                }else if(isTrue == 2) {
                    return false;
                }else{
                    return true;
                }
            }
        }
    }
</script>